<?xml version="1.0" encoding="utf-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:com="http://java.sun.com/jsf/composite/componentes"
	xmlns:f="http://java.sun.com/jsf/core">
<ui:composition>
	<p:dialog id="modalCadastro" widgetVar="modalCadastro" modal="true"
		header="#{appMessages['bacias.cadastrar.titulo']}" dynamic="true"
		width="950" resizable="false">

		<h:form id="cadastroCidade"
			rendered="#{!baciasBean.existeCidadeCadastrada()}">
			<h:outputText
				value="#{appMessages['bacias.cadastrar.naoExisteCidade']}"
				escape="false" />
			<h:link value="#{messages['link.cadastrarCidade']}"
				outcome="/cidades" />
		</h:form>

		<h:form id="formBacia" rendered="#{baciasBean.existeCidadeCadastrada()}">
			<p:messages globalOnly="true" />

			<p:fieldset legend="#{appMessages['bacias.cadastrar.dadosBacia']}">
				<com:formInput id="nome"
					label="#{appMessages['bacias.cadastrar.nome']}">
					<p:inputText id="input"
						label="#{appMessages['bacias.cadastrar.nome']}"
						value="#{baciasBean.bacia.nome}" required="true" />
				</com:formInput>

				<com:formInput id="cidade"
					label="#{appMessages['bacias.cadastrar.cidadesAbrangidas']}">
					<p:selectManyMenu id="cidades" value="#{baciasBean.bacia.cidades}"
						style="height:200px; width:200px;"
						converter="br.senai.sc.hidroData.CidadeConverter" required="true">
						<f:attribute name="collectionType" value="java.util.ArrayList" />
						<f:selectItems value="#{baciasBean.cidades}" var="cidade"
							itemLabel="#{cidade.nome}" itemValue="#{cidade}" />
					</p:selectManyMenu>
				</com:formInput>

				<p:toolbar>
					<p:toolbarGroup>
						<p:commandButton value="#{messages['form.salvar']}"
							update="@form :formBacias:dtBacias"
							action="#{baciasBean.salvarBacia()}" />

						<p:commandButton value="#{messages['form.cancelar']}"
							process="@this" onclick="modalCadastro.hide();" />
					</p:toolbarGroup>
				</p:toolbar>
			</p:fieldset>
		</h:form>
	</p:dialog>
</ui:composition>
</html>